<mat-card
  class="vul-detail-dialog"
  *ngIf="visible && vulnerability"
  cdkDragBoundary=".nv-section"
  cdkDrag>
  <mat-card-title class="d-flex align-items-center justify-content-between">
    <div class="d-flex align-items-center">
      {{ vulnerability.name }}
      <a
        mat-icon-button
        aria-label="External link button"
        [href]="vulnerability.link"
        target="_blank"
        rel="noopener noreferrer"
        class="external-link"
        *ngIf="vulnerability.link">
        <mat-icon>open_in_new</mat-icon>
      </a>
    </div>
    <div>
      <button
        mat-icon-button
        aria-label="Close vulnerability detail"
        (click)="hide()">
        <mat-icon>close</mat-icon>
      </button>
    </div>
  </mat-card-title>
  <mat-card-content>{{ vulnerability.description }}</mat-card-content>
</mat-card>
